<template>
<scroll-view scroll-y class="scrollPage">
  <view class="UCenter-bg">
    <image :src="Userinfo.avatar" class="png cu-avatar xl round "  mode="widthFix"></image>
    <view class="text-xl">{{Userinfo.school}}
    </view>
	 <text class="text-df">{{Userinfo.classname}}</text>
    <view class=" round bg-white padding-sm margin-top-sm">
      <text>{{Userinfo.nickname}}</text>
    </view>
    <image src="https://image.weilanwl.com/gif/wave.gif" mode="scaleToFill" class="gif-wave"></image>
  </view>
  
  
  
  <view class="padding flex text-center text-grey bg-white "  @click="showModal" data-target="showinfomodel">
    <view class="flex flex-sub flex-direction solid-right">
      <view class="text-xxl text-orange">{{yibaninfo.yb_money}}</view>
      <view class="margin-top-sm">
        <text class="cuIcon-moneybag"></text> 网薪</view>
    </view>
   <!-- <view class="flex flex-sub flex-direction solid-right">
      <view class="text-xxl text-blue">{{starCount}}</view>
      <view class="margin-top-sm">
        <text class="cuIcon-favorfill"></text> 活跃度</view>
    </view> -->
    <view class="flex flex-sub flex-direction">
      <view class="text-xxl text-green">{{yibaninfo.yb_exp}}</view>
      <view class="margin-top-sm">
        <text class="cuIcon-fork"></text>经验值</view>
    </view>
  </view>
     <view class="cu-list menu card-menu margin-top-xl margin-bottom-xl  radius">
 	<view class="cu-item ">
 	<view class="action">
   	<text class="cuIcon-album text-orange padding-sm "></text>资料提交
   </view>
 	</view>
 	
   <view class="cu-list grid col-3 no-border" >
    	<view class="cu-item" @click="gotofilesup('/pages/home/weekend_topic/mylist')">
    		<view class="cuIcon-rankfill text-orange">
    		</view>
    		<text>周末讲评</text>
    	</view>
 		<!-- <view class="cu-item" @click="gotofilesup('/pages/home/weekend_topic/mylist')">
 			<view class="cuIcon-rankfill text-orange">
 			</view>
 			<text>周末讲评</text>
 		</view>
 		<view class="cu-item" @click="gotofilesup('/pages/home/weekend_topic/mylist')">
 			<view class="cuIcon-rankfill text-orange">
 			</view>
 			<text>周末讲评</text>
 		</view> -->
   </view>
  
 
 </view>
  
  
  
  
  
    <view class="cu-list menu card-menu margin-top-xl margin-bottom-xl  radius">
    
  	<view class="cu-item ">
  	<view class="action">
    	<text class="cuIcon-album text-orange padding-sm "></text> 活动栏目
    </view>
  	</view>
  	
    <view class="cu-list grid col-3 no-border" >
		<view class="cu-item" :data-channel ="channel.id" @click="gotoWhere" v-for="(channel,index) in channelList" :key="index">
			<view :class="'cuIcon-'+_self.cuIcon[index].name+' text-orange'">
			</view>
			<text>{{channel.name}}</text>
		</view>
    </view>
   
  
  </view>
  
  
  
    <view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg radius"> 
    <view class="cu-item arrow">
      <view class="content" @click="showModal" data-target="showinfomodel">
        <text class="cuIcon-friendfamous text-red"></text>
        <text class="text-grey">我的资料</text>
      </view>
    </view>
    <view class="cu-item arrow">
      <button class="cu-btn content" open-type="feedback">
        <text class="cuIcon-writefill text-cyan"></text>
        <text class="text-grey">意见反馈</text>
      </button>
    </view>
    <view class="cu-item arrow">
      <navigator class="content" @click="showModal" data-target="showinfomodel">
        <text class="cuIcon-creativefill text-orange"></text>
        <text class="text-grey">关于</text>
      </navigator>
    </view>
  </view>
  <view class="cu-tabbar-height"></view>
  
  
  
  <view class="cu-modal" :class="modalName=='showinfomodel'?'show':''">
  	<view class="cu-dialog">
  		<view class="cu-bar bg-white justify-end">
  			<view class="content text-orange">(⁎⁍̴̛ᴗ⁍̴̛⁎)</view>
  			<view class="action" @tap="hideModal">
  				<text class="cuIcon-close text-red"></text>
  			</view>
  		</view>
  		<view class="padding-xl">
  			<text>程序员小哥哥正在骑码赶来的路上哟</text>
  		</view>
  	</view>
  </view>
  
  
  
  
  
</scroll-view>






</template>
<script>
const app = getApp();
var _self;
export default {
  data() {
    return {
      StatusBar: app.globalData.StatusBar,
      CustomBar: app.globalData.CustomBar,
      ColorList: app.globalData.ColorList,
	  Userinfo:{},
	  yibaninfo:[],
	  channelList:[],
	  modalName:'',
	  cuIcon: [{
	  	name: 'appreciate',
	  	isShow: true
	  },{
	  	name: 'edit',
	  	isShow: true
	  },{
	  	name: 'emoji',
	  	isShow: true
	  }, {
	  	name: 'favorfill',
	  	isShow: true
	  }, {
	  	name: 'favor',
	  	isShow: true
	  }, {
	  	name: 'loading',
	  	isShow: true
	  }, {
	  	name: 'locationfill',
	  	isShow: true
	  }, {
	  	name: 'location',
	  	isShow: true
	  }, {
	  	name: 'phone',
	  	isShow: true
	  },{
	  	name: 'roundrightfill',
	  	isShow: true
	  }, {
	  	name: 'roundright',
	  	isShow: true
	  }, {
	  	name: 'search',
	  	isShow: true
	  }, {
	  	name: 'taxi',
	  	isShow: true
	  }, {
	  	name: 'timefill',
	  	isShow: true
	  }, {
	  	name: 'time',
	  	isShow: true
	  }, {
	  	name: 'unfold',
	  	isShow: true
	  }, {
	  	name: 'warnfill',
	  	isShow: true
	  }, {
	  	name: 'warn',
	  	isShow: true
	  }, {
	  	name: 'camerafill',
	  	isShow: true
	  }, {
	  	name: 'camera',
	  	isShow: true
	  }, {
	  	name: 'commentfill',
	  	isShow: true
	  }, {
	  	name: 'comment',
	  	isShow: true
	  }, {
	  	name: 'likefill',
	  	isShow: true
	  }, {
	  	name: 'like',
	  	isShow: true
	  }, {
	  	name: 'notificationfill',
	  	isShow: true
	  }, {
	  	name: 'notification',
	  	isShow: true
	  }, {
	  	name: 'order',
	  	isShow: true
	  }, {
	  	name: 'samefill',
	  	isShow: true
	  }, {
	  	name: 'same',
	  	isShow: true
	  }, {
	  	name: 'deliver',
	  	isShow: true
	  }, {
	  	name: 'evaluate',
	  	isShow: true
	  }, {
	  	name: 'pay',
	  	isShow: true
	  }, {
	  	name: 'send',
	  	isShow: true
	  }, {
	  	name: 'shop',
	  	isShow: true
	  }, {
	  	name: 'ticket',
	  	isShow: true
	  }, {
	  	name: 'back',
	  	isShow: true
	  }, {
	  	name: 'cascades',
	  	isShow: true
	  }, {
	  	name: 'discover',
	  	isShow: true
	  }, {
	  	name: 'list',
	  	isShow: true
	  }, {
	  	name: 'more',
	  	isShow: true
	  }, {
	  	name: 'scan',
	  	isShow: true
	  }, {
	  	name: 'settings',
	  	isShow: true
	  }, {
	  	name: 'questionfill',
	  	isShow: true
	  }, {
	  	name: 'question',
	  	isShow: true
	  }, {
	  	name: 'shopfill',
	  	isShow: true
	  }, {
	  	name: 'form',
	  	isShow: true
	  }, {
	  	name: 'pic',
	  	isShow: true
	  }, {
	  	name: 'filter',
	  	isShow: true
	  }, {
	  	name: 'footprint',
	  	isShow: true
	  }, {
	  	name: 'top',
	  	isShow: true
	  }, {
	  	name: 'pulldown',
	  	isShow: true
	  }, {
	  	name: 'pullup',
	  	isShow: true
	  }, {
	  	name: 'right',
	  	isShow: true
	  }, {
	  	name: 'refresh',
	  	isShow: true
	  }, {
	  	name: 'moreandroid',
	  	isShow: true
	  }, {
	  	name: 'deletefill',
	  	isShow: true
	  }, {
	  	name: 'refund',
	  	isShow: true
	  }, {
	  	name: 'cart',
	  	isShow: true
	  }, {
	  	name: 'qrcode',
	  	isShow: true
	  }, {
	  	name: 'remind',
	  	isShow: true
	  }, {
	  	name: 'delete',
	  	isShow: true
	  }, {
	  	name: 'profile',
	  	isShow: true
	  }, {
	  	name: 'home',
	  	isShow: true
	  }, {
	  	name: 'cartfill',
	  	isShow: true
	  }, {
	  	name: 'discoverfill',
	  	isShow: true
	  }, {
	  	name: 'homefill',
	  	isShow: true
	  }, {
	  	name: 'message',
	  	isShow: true
	  }, {
	  	name: 'addressbook',
	  	isShow: true
	  }, {
	  	name: 'link',
	  	isShow: true
	  }, {
	  	name: 'lock',
	  	isShow: true
	  }, {
	  	name: 'unlock',
	  	isShow: true
	  }, {
	  	name: 'vip',
	  	isShow: true
	  }, {
	  	name: 'weibo',
	  	isShow: true
	  }, {
	  	name: 'activity',
	  	isShow: true
	  }, {
	  	name: 'friendaddfill',
	  	isShow: true
	  }, {
	  	name: 'friendadd',
	  	isShow: true
	  }, {
	  	name: 'friendfamous',
	  	isShow: true
	  }, {
	  	name: 'friend',
	  	isShow: true
	  }, {
	  	name: 'goods',
	  	isShow: true
	  }, {
	  	name: 'selection',
	  	isShow: true
	  }, {
	  	name: 'explore',
	  	isShow: true
	  }, {
	  	name: 'present',
	  	isShow: true
	  }, {
	  	name: 'squarecheckfill',
	  	isShow: true
	  }, {
	  	name: 'square',
	  	isShow: true
	  }, {
	  	name: 'squarecheck',
	  	isShow: true
	  }, {
	  	name: 'round',
	  	isShow: true
	  }, {
	  	name: 'roundaddfill',
	  	isShow: true
	  }, {
	  	name: 'roundadd',
	  	isShow: true
	  }, {
	  	name: 'add',
	  	isShow: true
	  }, {
	  	name: 'notificationforbidfill',
	  	isShow: true
	  }, {
	  	name: 'explorefill',
	  	isShow: true
	  }, {
	  	name: 'fold',
	  	isShow: true
	  }, {
	  	name: 'game',
	  	isShow: true
	  }, {
	  	name: 'redpacket',
	  	isShow: true
	  }, {
	  	name: 'selectionfill',
	  	isShow: true
	  }, {
	  	name: 'similar',
	  	isShow: true
	  }, {
	  	name: 'appreciatefill',
	  	isShow: true
	  }, {
	  	name: 'infofill',
	  	isShow: true
	  }, {
	  	name: 'info',
	  	isShow: true
	  }, {
	  	name: 'forwardfill',
	  	isShow: true
	  }, {
	  	name: 'forward',
	  	isShow: true
	  }, {
	  	name: 'rechargefill',
	  	isShow: true
	  }, {
	  	name: 'recharge',
	  	isShow: true
	  }, {
	  	name: 'vipcard',
	  	isShow: true
	  }, {
	  	name: 'voice',
	  	isShow: true
	  }, {
	  	name: 'voicefill',
	  	isShow: true
	  }, {
	  	name: 'friendfavor',
	  	isShow: true
	  }, {
	  	name: 'wifi',
	  	isShow: true
	  }, {
	  	name: 'share',
	  	isShow: true
	  }, {
	  	name: 'wefill',
	  	isShow: true
	  }, {
	  	name: 'we',
	  	isShow: true
	  }, {
	  	name: 'lightauto',
	  	isShow: true
	  }, {
	  	name: 'lightforbid',
	  	isShow: true
	  }, {
	  	name: 'lightfill',
	  	isShow: true
	  }, {
	  	name: 'camerarotate',
	  	isShow: true
	  }, {
	  	name: 'light',
	  	isShow: true
	  }, {
	  	name: 'barcode',
	  	isShow: true
	  }, {
	  	name: 'flashlightclose',
	  	isShow: true
	  }, {
	  	name: 'flashlightopen',
	  	isShow: true
	  }, {
	  	name: 'searchlist',
	  	isShow: true
	  }, {
	  	name: 'service',
	  	isShow: true
	  }, {
	  	name: 'sort',
	  	isShow: true
	  }, {
	  	name: 'down',
	  	isShow: true
	  }, {
	  	name: 'mobile',
	  	isShow: true
	  }, {
	  	name: 'mobilefill',
	  	isShow: true
	  }, {
	  	name: 'copy',
	  	isShow: true
	  }, {
	  	name: 'countdownfill',
	  	isShow: true
	  }, {
	  	name: 'countdown',
	  	isShow: true
	  }, {
	  	name: 'noticefill',
	  	isShow: true
	  }, {
	  	name: 'notice',
	  	isShow: true
	  }, {
	  	name: 'upstagefill',
	  	isShow: true
	  }, {
	  	name: 'upstage',
	  	isShow: true
	  }, {
	  	name: 'babyfill',
	  	isShow: true
	  }, {
	  	name: 'baby',
	  	isShow: true
	  }, {
	  	name: 'brandfill',
	  	isShow: true
	  }, {
	  	name: 'brand',
	  	isShow: true
	  }, {
	  	name: 'choicenessfill',
	  	isShow: true
	  }, {
	  	name: 'choiceness',
	  	isShow: true
	  }, {
	  	name: 'clothesfill',
	  	isShow: true
	  }, {
	  	name: 'clothes',
	  	isShow: true
	  }, {
	  	name: 'creativefill',
	  	isShow: true
	  }, {
	  	name: 'creative',
	  	isShow: true
	  }, {
	  	name: 'female',
	  	isShow: true
	  }, {
	  	name: 'keyboard',
	  	isShow: true
	  }, {
	  	name: 'male',
	  	isShow: true
	  }, {
	  	name: 'newfill',
	  	isShow: true
	  }, {
	  	name: 'new',
	  	isShow: true
	  }, {
	  	name: 'pullleft',
	  	isShow: true
	  }, {
	  	name: 'pullright',
	  	isShow: true
	  }, {
	  	name: 'rankfill',
	  	isShow: true
	  }, {
	  	name: 'rank',
	  	isShow: true
	  }, {
	  	name: 'bad',
	  	isShow: true
	  }, {
	  	name: 'cameraadd',
	  	isShow: true
	  }, {
	  	name: 'focus',
	  	isShow: true
	  }, {
	  	name: 'friendfill',
	  	isShow: true
	  }, {
	  	name: 'cameraaddfill',
	  	isShow: true
	  }, {
	  	name: 'apps',
	  	isShow: true
	  }, {
	  	name: 'paintfill',
	  	isShow: true
	  }]
	  
	  
    };
  },

  components: {},
  
  onLoad() {
  	_self =this;
	this.GetUserInfo();
	this.getchannel();
	this.getYibaninfo();
  },
  props: {},
  methods: {
	 showModal(e) {
	 	this.modalName = e.currentTarget.dataset.target
	 },
	 hideModal(e) {
	 	this.modalName = null
	 }, 
    GetUserInfo() {
		this.$http.get('api/my/GetUserInfo').
		then(res => {
						console.log(res);
					_self.Userinfo = res.data.data;
					})
					.catch(err => {});
    },
	gotoWhere(e){
		// console.log(e)
		var channel =e.currentTarget.dataset.channel;
		uni.navigateTo({
			url: '/pages/home/channellist/mylist?channel='+channel
		});
	},
	gotofilesup(urls){
		// console.log(e)
		uni.navigateTo({
			url: urls
		});
	},
	getchannel(){
		
		this.$http.post('addons/cms/api/channel',{apikey:'chenyun666'}).then(res => {
					console.log(res);
						_self.channelList = res.data.data;
				})
				.catch(err => {});
	},
	getYibaninfo(){
		
		this.$http.get('api/my/getYibanUserInfo').
		then(res => {
						console.log(res);
					_self.yibaninfo = res.data.data;
					})
					.catch(err => {});
	}
  },
  computed: {},
  watch: {}
};
</script>
<style>
.UCenter-bg {
  background-image: url("../../static/home.jpeg");
  background-size: cover;
  height: 550rpx;
  display: flex;
  justify-content: center;
  padding-top: 40rpx;
  overflow: hidden;
  position: relative;
  flex-direction: column;
  align-items: center;
  color: #39B54A;
  font-weight: 300;
  /* text-shadow: 0 0 3px rgba(0, 0, 0, 0.3); */
}

.UCenter-bg text {
  opacity: 0.8;
}

.UCenter-bg image {
  width: 200rpx;
  height: 200rpx;
}

.UCenter-bg .gif-wave{
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 99;
  mix-blend-mode: screen;  
  height: 100rpx;   
}

map,.mapBox{
  left: 0;
  z-index: 99;
  mix-blend-mode: screen;  
  height: 100rpx;   
}

map,.mapBox{
  width: 750rpx;
  height: 300rpx;
}
</style>